<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="shortcut icon" href="./img/海豚.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/lunbotu.css">
    <link rel="stylesheet" href="./css/gongtong.css">
    <script src="./js/iconfont.js"></script>
    <!-- <link rel="stylesheet" href="./css/lunbotu2.css"> -->
</head>

<body>
    <div class="top">
        <div class="xiecheng">
            <div class="header">
                <div class="sousuo">
                    <span class="sousuo-span"></span>
                    <input type="text" name="" id="" placeholder="搜索:目的地/酒店/景点/航母" class="sousuo-input">
                </div>
                <!-- 大厅 导航图-->
                <div class="nav">
                    <div class="nav-left">
                        <div class="swiper mySwiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <ul class="nav-ul">
                                        <li class="nav-li a1">
                                            <span class="span-0" style="background-position:0px -84px;color: #fff;">
                                            </span>
                                            <span class="span-1">酒店</span>
                                        </li>
                                        <li class="nav-li a2">
                                            <span class="span-0" style="background-position:0px -168px">
                
                                            </span>
                                            <span class="span-1">机票</span>
                                        </li>
                                        <li class="nav-li a3">
                                            <span class="span-0" style="background-position:0px -364px">
                
                                            </span>
                                            <span class="span-1">火车票</span>
                                        </li>
                                        <li class="nav-li a4">
                                            <span class="span-0" style="background-position:0px -140px">
            
                                            </span>
                                            <span class="span-1">旅游</span>
                                        </li>
                                        <li class="nav-li a5">
                                            <span class="span-0" style="background-position:0px -28px">
                
                                            </span>
                                            <span class="span-1">攻略/景点</span>
                                        </li>
                                        <li class="nav-li a6">
                                            <span class="span-0" style="background-position:0px -336px">
                
                                            </span>
                                            <span class="span-1">民宿/客栈</span>
                                        </li>
                                        <li class="nav-li a7">
                                            <span class="span-0" style="background-position:0px -56px">
                
                                            </span>
                                            <span class="span-1">接送机/包车</span>
                                        </li>
                                        <li class="nav-li a8">
                                            <span class="span-0" style="background-position:0px -224px">
                
                                            </span>
                                            <span class="span-1">汽车/船票</span>
                                        </li>
                                        <li class="nav-li a9">
                                            <span class="span-0" style="background-position:0px -196px">
                
                                            </span>
                                            <span class="span-1">门票/活动</span>
                                        </li>
                                        <li class="nav-li a10">
                                            <span class="span-0" style="background-position:0px -112px">
                
                                            </span>
                                            <span class="span-1">美食</span>
                                        </li>
                                        <li class="nav-li a6">
                                            <span class="span-0" style="background-position:0px 0px">
                
                                            </span>
                                            <span class="span-1">特价/爆款</span>
                                        </li>
                                        <li class="nav-li a7">
                                            <span class="span-0" style="background-position:0px -280px">
                
                                            </span>
                                            <span class="span-1">航班助手</span>
                                        </li>
                                        <li class="nav-li a8">
                                            <span class="span-0" style="background-position:0px -252px">
                
                                            </span>
                                            <span class="span-1">租车</span>
                                        </li>
                                        <li class="nav-li a9">
                                            <span class="span-0" style="background-position:0px -392px">
                
                                            </span>
                                            <span class="span-1">周边游</span>
                                        </li>
                                        <li class="nav-li a10">
                                            <span class="span-0" style="background-position:0px -308px">
                
                                            </span>
                                            <span class="span-1">购物/免税</span>
                                        </li>
                                    </ul>
                                </div>

                                <div class="swiper-slide">
                                    <div class="nav-right">
                                        <ul class="nav-ul">
                                            <li class="nav-li a1">
                                                <span class="span-0" style="background-position:0px -84px;">
                                                </span>
                                                <span class="span-1">酒店</span>
                                            </li>
                                            <li class="nav-li a2">
                                                <span class="span-0" style="background-position:0px -168px">
                    
                                                </span>
                                                <span class="span-1">机票</span>
                                            </li>
                                            <li class="nav-li a3">
                                                <span class="span-0" style="background-position:0px -364px">
                    
                                                </span>
                                                <span class="span-1">火车票</span>
                                            </li>
                                            <li class="nav-li a4">
                                                <span class="span-0" style="background-position:0px -140px">
                
                                                </span>
                                                <span class="span-1">旅游</span>
                                            </li>
                                            <li class="nav-li a5">
                                                <span class="span-0" style="background-position:0px -28px">
                    
                                                </span>
                                                <span class="span-1">攻略/景点</span>
                                            </li>
                                            <li class="nav-li a6">
                                                <span class="span-0" style="background-position:0px -336px">
                    
                                                </span>
                                                <span class="span-1">民宿/客栈</span>
                                            </li>
                                            <li class="nav-li a7">
                                                <span class="span-0" style="background-position:0px -56px">
                    
                                                </span>
                                                <span class="span-1">接送机/包车</span>
                                            </li>
                                            <li class="nav-li a8">
                                                <span class="span-0" style="background-position:0px -224px">
                    
                                                </span>
                                                <span class="span-1">汽车/船票</span>
                                            </li>
                                            <li class="nav-li a9">
                                                <span class="span-0" style="background-position:0px -196px">
                    
                                                </span>
                                                <span class="span-1">门票/活动</span>
                                            </li>
                                            <li class="nav-li a10">
                                                <span class="span-0" style="background-position:0px -112px">
                    
                                                </span>
                                                <span class="span-1">美食</span>
                                            </li>
                                            <li class="nav-li a6">
                                                <span class="span-0" style="background-position:0px 0px">
                    
                                                </span>
                                                <span class="span-1">特价/爆款</span>
                                            </li>
                                            <li class="nav-li a7">
                                                <span class="span-0" style="background-position:0px -280px">
                    
                                                </span>
                                                <span class="span-1">航班助手</span>
                                            </li>
                                            <li class="nav-li a8">
                                                <span class="span-0" style="background-position:0px -252px">
                    
                                                </span>
                                                <span class="span-1">租车</span>
                                            </li>
                                            <li class="nav-li a9">
                                                <span class="span-0" style="background-position:0px -392px">
                    
                                                </span>
                                                <span class="span-1">周边游</span>
                                            </li>
                                            <li class="nav-li a10">
                                                <span class="span-0" style="background-position:0px -308px">
                    
                                                </span>
                                                <span class="span-1">购物/免税</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>



                </div>
                <!-- 小轮播图 -->

                <div class="banner">
                    <div class="banner-left">
                        <p class="banner-left-p1">
                            <img src="./img/tejiazhibo.png" alt="特价直播">
                            <span>
                                特价好货直播中
                            </span>
                        </p>
                        <div class="banner-ul">
                            <div class="swiper mySwiper2">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="banner-ul-img-0">
                                            <img src="./img/lou.jpg" alt="">
                                        </div>
                                        <span class="banner-ul-span1">酒店套餐</span>
                                        <p class="banner-ul-p1">
                                            南京香格里拉大酒店1晚
                                        </p>
                                        <p class="banner-ul-p2">
                                            <i><em>￥</em> 999</i>
                                            <s>1190</s> <span>立减￥200元</span>
                                            <!-- <em>￥<i>999</i></em>
                                            <s>1190</s>
                                            <span>立减200元</span> -->
                                        </p>
                                    </div>

                                    <div class="swiper-slide ">
                                        <div class="banner-ul-img-0">
                                            <img src="./img/lou.jpg" alt="">
                                        </div>
                                        <span class="banner-ul-span1">酒店套餐</span>
                                        <p class="banner-ul-p1">
                                            杭州龙湖皇冠假日酒店2晚
                                        </p>
                                        <p class="banner-ul-p2">
                                            <i><em>￥</em>99</i>
                                            <s>29900</s> <span>立减￥200元</span>
                                            <!-- <em>￥<i>999</i></em>
                                            <s>1190</s>
                                            <span>立减200元</span> -->
                                        </p>
                                    </div>

                                </div>
                                <div class="swiper-slide ">
                                    <div class="banner-ul-img-0">
                                        <img src="./img/lou1jpg.jpg" alt="">
                                    </div>
                                    <span class="banner-ul-span1">酒店套餐</span>
                                    <p class="banner-ul-p1">
                                        南京香格里拉大酒店1晚
                                    </p>
                                    <p class="banner-ul-p2">
                                        <i><em>￥</em> 99</i>
                                        <s>9990</s> <span>立减￥200元</span>
                                        <!-- <em>￥<i>999</i></em>
                                        <s>1190</s>
                                        <span>立减200元</span> -->
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination2 "></div>
                    </div>
                    <div class="banner-right ">
                        <p class="banner-right-p1">
                            <img class="right-img1" src="./img/携程精选榜.png" alt="特价直播">
                            <span>
                               权威排行榜
                            </span>
                        </p>
                        <div class="banner-right-ul">
                            <div class="right-p-1">
                                <span>上海</span>
                                <img src="./img/精选2.jpg" alt="">
                                <p class="ppp">上海10大郊区度假酒店</p>
                            </div>
                            <div class="right-p-1">
                                <span>上海</span>
                                <img src="./img/精选3.webp" alt="">
                                <p class="ppp2">上海10大郊区度假酒店</p>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="baodi">
                    <img src="./img/保底图.png" alt="">
                </div>
                <div class="anniu">
                    <a href="javascript:;">
                        <li>
                            ☎电话预定
                        </li>
                    </a>
                    <a href="javascript:;">
                        <li>
                            ☎电话预定
                        </li>
                    </a>
                    <a href="javascript:;">
                        <li>
                            ☎Language♥
                        </li>
                    </a>
                </div>
                <div class="dizi">
                    <p class="">
                        <a href="">
                            网站地图
                        </a>
                        <u>|</u>
                        <a href="">
                       电脑版
                       </a>
                    </p>
                    <div class="ddd">
                        <p class="ddd-p">
                            © <span>2022携程旅行</span> <span>沪ICP备08023580号</span>
                        </p>
                    </div>
                    <div class="di">
                        <ul class="di-ul">
                            <a href="./index.html" class="li-a" style="background-position: 15px -4px;">
                                <li class="di-li">

                                    首页
                                </li>
                            </a>

                            <a href="./html/shequ.html" class="li-a" style="background-position: 15px -48px;">
                                <li class="di-li">

                                    社区
                                </li>
                            </a>
                            <a href="./html/xiaoxi.html" class="li-a" style="background-position: 15px -92px;">
                                <li class="di-li">

                                    消息
                                </li>
                            </a>
                            <a href="./html/wode.html" class="li-a" style="background-position: 15px -136px;">
                                <li class="di-li">

                                    我的
                                </li>
                            </a>

                        </ul>
                    </div>
                </div>
                <!-- 底部 -->

            </div>

            <!-- 
    width: 80px;
    height: 10px;
    margin: 0px 0px 95px 35px;
 -->


        </div>
    </div>
    <script src="./js/lunbotu.js "></script>
    <!-- banner轮播图 -->
    <script>
        var swiper = new Swiper(".mySwiper ", {
            pagination: {
                el: ".swiper-pagination ",
            },
        });
    </script>
    <!-- 小轮播图 -->
    <script>
        var swiper = new Swiper(".mySwiper2", {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        });
    </script>
</body>

</html>